<template>
  <view class="label-info-box">
    <text class="title">{{ title }}</text>
    <view class="content">
      <text>{{ detail.txtOne }}</text>
      <text v-if="detail.txtTwo">{{ detail.txtTwo }}</text>
      <text v-if="detail.txtThree">{{ detail.txtThree }}</text>
    </view>
  </view>
</template>
<script>
export default {
  name: "label-info",
  props: {
    title: {
      type: String,//接收传值类型为字符串
      default: "",
    },
    detail: {
      type: Object,//接收一个对象的
      default: () => {},
    },
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.label-info-box {
  margin-top: 70rpx;
  padding-left: 48rpx;
  box-sizing: border-box;
  width: 100%;
  .title {
    font-size: 36rpx;
    font-family: PingFang;
    font-weight: bold;
    color: #020433;
  }
  .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 53rpx;
    text {
      margin-top: 24rpx;
      &:first-child {
        margin-top: 42rpx;
      }
    }
  }
}
</style>